/* 🔥 Art Design Pro 标准深色主题 */
.dark,
html.dark {
  /* 🎯 核心背景色（深色优雅） */
  --vilan-bg-primary: 23, 25, 35;      /* 主背景 - 深蓝灰 */
  --vilan-bg-secondary: 31, 33, 45;    /* 次背景 - 更深 */
  --vilan-bg-card: 31, 33, 45;         /* 卡片背景 */
  
  /* 🎯 核心文字色（高对比度） */
  --vilan-text-primary: 255, 255, 255;    /* 主文字 - 纯白 */
  --vilan-text-secondary: 191, 191, 191;  /* 次文字 - 浅灰 */
  --vilan-text-muted: 156, 163, 175;      /* 弱化文字 */
  
  /* 🎯 核心边框色（和谐融合） */
  --vilan-border: 70, 72, 84;          /* 边框色 */
  --vilan-border-hover: 100, 102, 114; /* 悬停边框 */
}

/* 🔥 确保 body 和根元素使用深色背景 */
html.dark,
html.dark body,
html.dark #app {
  background-color: rgb(23, 25, 35) !important;
  color: rgb(255, 255, 255) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}